.container {
    max-width: 96rem;
    margin: 50px auto 0;
}

.klodette {
    margin: auto;
    height: 32.6rem;
    width: 26rem;
    position: relative;
}

.klodette div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
}

.neck, .torso, .belt {
    border: 0.3rem solid #000000;
}

.neck {
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
    background-color: #0042B2;
    border-bottom: medium none;
    border-top: medium none;
    height: 7rem;
    left: 7.3rem;
    top: 10rem;
    width: 6.2rem;
    z-index: 100;
}

.left-arm-hoof-border{
    border-radius: 90px / 45px;
    -moz-border-radius:90px / 45px;
    -webkit-border-radius: 90px / 45px;
    background:#000000;
    border-radius: 90px / 45px;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);    
    height: 38px;
    left: -11.7rem;
    top: 10.15rem;
    width: 75px;
    z-index: 299;
}

.left-arm-hoof{
    border-radius: 90px / 45px;
    -moz-border-radius:90px / 45px;
    -webkit-border-radius: 90px / 45px;
    background:#0042B2;
    border-radius: 90px / 45px;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);    
    height: 38px;
    left: -11.4rem;
    top: 10.2rem;
    width: 71px;
    z-index: 300;
}

.left-arm-border {
    border-bottom: 310px solid #0042B2;
    border-left: 12px solid transparent;
    border-right: 13px solid transparent;
    padding:0 0px 0 0;
    height:0;
    width:71px;
    position: relative;
    left: -2.4rem;
    top: 3rem;
    margin: 2em auto;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);
    z-index:150;
}


.left-arm-inner{
    border-bottom: 310px solid #000000;
    border-left: 12px solid transparent;
    border-right: 11px solid transparent;
    padding:0 0px 0 0;
    height:0;
    width:75px;
    position: relative;
    left: -2.4rem;
    top: 3rem;
    margin: 2em auto;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);
    z-index:100;
}

.quarter-circle-top-right{
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background-color: #0042B2;
    border-radius: 0 0 0 100px;
    -moz-border-radius: 0 0 0 100px;
    -webkit-border-radius: 0 0 0 100px;
    height: 100px;
    left: 7.5rem;
    top: 15.5rem;
    width: 95px;
    z-index: 200;
}

.right-arm-hoof-border{
    border-radius: 90px / 45px;
    -moz-border-radius:90px / 45px;
    -webkit-border-radius: 90px / 45px;
    background:#000000;
    border-radius: 90px / 45px;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);    
    height: 38px;
left: 27.6rem;
    top: 23.65rem;
    width: 75px;
    z-index: 299;
}

.right-arm-hoof{
    border-radius: 90px / 45px;
    -moz-border-radius:90px / 45px;
    -webkit-border-radius: 90px / 45px;
    background:#0042B2;
    border-radius: 90px / 45px;
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -o-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);    
    height: 38px;
left: 27.6rem;
    top: 23.65rem;
    width: 71px;
    z-index: 300;
}

.right-arm-border {
    border-bottom: 310px solid #0042B2;
    border-left: 12px solid transparent;
    border-right: 13px solid transparent;
    padding:0 0px 0 0;
    height:0;
    width:71px;
    position: relative;
    left: 18.6rem;
    top: 10rem;
    margin: 2em auto;
    -webkit-transform: rotate(-71deg);
    -moz-transform: rotate(-71deg);
    -o-transform: rotate(-71deg);
    -ms-transform: rotate(-71deg);
    transform: rotate(-71deg);
    z-index:150;
}


.right-arm-inner{
    border-bottom: 310px solid #000000;
    border-left: 12px solid transparent;
    border-right: 11px solid transparent;
    padding:0 0px 0 0;
    height:0;
    width:75px;
    position: relative;
    left: 18.6rem;
    top: 10.1rem;
    margin: 2em auto;
    -webkit-transform: rotate(-71deg);
    -moz-transform: rotate(-71deg);
    -o-transform: rotate(-71deg);
    -ms-transform: rotate(-71deg);
    transform: rotate(-71deg);
    z-index:100;
}

.torso {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background-color: #FFFFFF;
    border-bottom: none;
    border-top: none;
    height: 16rem;
    left: 6.6rem;
    top: 15rem;
    width: 8.2rem;
    border-radius: 66px 0 0 0;
    -moz-border-radius: 66px 0 0 0;
    -webkit-border-radius: 66px 0 0 0;
}

.belt {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    background-color: #FFFFFF;    
    height: 1rem;
    left: 8.5rem;
    top: 29.4rem;
    width: 8.2rem;
    z-index: 300;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.skirt{
    
    border-color: #000000 #FFFFFF #000000;
    border-style: none solid solid;
    border-width: 60px 236px 71px;
    height: 0;
    left: -5.8rem;
    top: 29rem;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    width: 600px;
}

.skirt-border {
    border-bottom: 80px solid #C1C1C1;
    border-left: 236px solid transparent;
    border-right: 236px solid transparent;
    padding:0 0px 0 0;
    height:0;
    width:600px;
    position: relative;
    left: -5.6rem;
    top: 28rem;
    margin: 2em auto;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    z-index:100;
}


.skirt-inner{
    border-bottom: 78px solid #FFFFFF;
    border-left: 236px solid transparent;
    border-right: 230px solid transparent;
    padding:0 0px 0 0;
    height:0;
    width:590px;
    position: relative;
    left: -5.4rem;
    top: 28rem;
    margin: 2em auto;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    z-index:100;
}